@media screen and (min-width: 780px) {
  .home-body .page1 #carousel-example-mobile {
    height: 0 !important;
    opacity: 0 !important;
    display: none; } }
@media screen and (max-width: 780px) {
  .home-body .page1 #carousel-example-pc {
    height: 0 !important;
    opacity: 0 !important; } }
.home-body .page1 .carousel-inner {
  height: 100vh; }
  .home-body .page1 .carousel-inner .item {
    height: 100%; }
    .home-body .page1 .carousel-inner .item img {
      height: 100%;
      width: 100%; }
.home-body .page1 .carousel-control .iconfont {
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.home-body .page1 .carousel-indicators li {
  opacity: 1;
  width: 15px;
  height: 17px;
  background: url(../Upload/img/icon/in_01.png) no-repeat;
  background-size: 100%;
  margin: 0px 5px;
  border: 0; }
.home-body .page1 .carousel-indicators .active {
  background: url(../Upload/img/icon/in_02.png) no-repeat;
  background-size: 100%; }
.home-body .page1 .fp-arrow {
  display: none; }
.home-body .page2 {
  display: flex;
  justify-content: space-between;
  position: relative; }
  @media screen and (max-width: 780px) {
    .home-body .page2 {
      flex-wrap: wrap; } }
  .home-body .page2 .hs {
    overflow: hidden;
    flex: 5; }
    @media screen and (min-width: 780px) {
      .home-body .page2 .hs {
        padding: 0 0 0 80px;
        min-width: 780px; } }
    @media screen and (max-width: 780px) {
      .home-body .page2 .hs {
        padding: 10px 0 0 10px;
        min-width: 300px; } }
    @media screen and (max-width: 780px) {
      .home-body .page2 .hs {
        flex: 8; } }
    .home-body .page2 .hs > .title {
      font-size: 35px;
      font-weight: bold; }
      @media screen and (min-width: 780px) {
        .home-body .page2 .hs > .title {
          padding: 80px 0; } }
      @media screen and (max-width: 780px) {
        .home-body .page2 .hs > .title {
          font-size: 28px;
          padding: 64px 0 10px 0; } }
    .home-body .page2 .hs-slide {
      display: none; }
      .home-body .page2 .hs-slide .p2cs_c {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 780px) {
          .home-body .page2 .hs-slide .p2cs_c {
            flex-wrap: wrap; } }
        @media screen and (min-width: 780px) {
          .home-body .page2 .hs-slide .p2cs_c .p2cscl_c {
            padding-top: 50px; } }
        @media screen and (max-width: 780px) {
          .home-body .page2 .hs-slide .p2cs_c .p2cscl_c {
            min-height: 160px; } }
        .home-body .page2 .hs-slide .p2cs_c .p2cscl_c .p1 {
          font-size: 28px;
          font-weight: bold; }
          @media screen and (max-width: 780px) {
            .home-body .page2 .hs-slide .p2cs_c .p2cscl_c .p1 {
              font-size: 20px;
              color: #d7000f; } }
        .home-body .page2 .hs-slide .p2cs_c .p2cscl_c .p2 {
          margin-top: 20px;
          font-size: 20px;
          font-weight: bold; }
          @media screen and (max-width: 780px) {
            .home-body .page2 .hs-slide .p2cs_c .p2cscl_c .p2 {
              font-size: 18px; } }
          .home-body .page2 .hs-slide .p2cs_c .p2cscl_c .p2 i {
            color: #d7000f;
            font-style: normal; }
        .home-body .page2 .hs-slide .p2cs_c .p2cscl_c .p3 {
          margin-top: 20px; }
          .home-body .page2 .hs-slide .p2cs_c .p2cscl_c .p3 a {
            color: #d7000f;
            padding-right: 20px; }
      .home-body .page2 .hs-slide .product {
        text-align: center; }
        .home-body .page2 .hs-slide .product img {
          width: 400px;
          height: 100%; }
        @media screen and (min-width: 780px) {
          .home-body .page2 .hs-slide .product {
            padding: 0 80px; } }
        @media screen and (max-width: 780px) {
          .home-body .page2 .hs-slide .product img {
            width: 70%; } }
      .home-body .page2 .hs-slide .product-01 img {
        width: 80%;
        height: 100%; }
      @media screen and (max-width: 780px) {
        .home-body .page2 .hs-slide .product-01 img {
          width: 50%; } }
    .home-body .page2 .hs-slide-active {
      display: block; }
  .home-body .page2 .tab {
    width: 15%;
    display: flex; }
    @media screen and (min-width: 780px) {
      .home-body .page2 .tab {
        flex-direction: column; } }
    @media screen and (max-width: 780px) {
      .home-body .page2 .tab {
        flex-direction: row;
        position: absolute;
        width: 100%;
        height: auto;
        right: initial;
        left: 0px;
        bottom: 0px;
        top: initial; } }
    .home-body .page2 .tab-bar {
      flex: 1;
      overflow: hidden;
      border-bottom: 1px solid #ededed;
      border-left: 1px solid #ededed;
      background-color: #faf8f2;
      position: relative; }
      @media screen and (min-width: 780px) {
        .home-body .page2 .tab-bar {
          height: 33.3vh; } }
      .home-body .page2 .tab-bar .no {
        padding: 20px 0 0 20px;
        font-size: 26px;
        font-weight: bold; }
      .home-body .page2 .tab-bar .img {
        text-align: center;
        height: 100%;
        width: 100%; }
        .home-body .page2 .tab-bar .img img {
          width: 70%; }
      .home-body .page2 .tab-bar .desc {
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        text-align: center; }
    .home-body .page2 .tab .active {
      background-color: #d7000f;
      color: #fff; }
    @media screen and (max-width: 780px) {
      .home-body .page2 .tab {
        min-width: 240px;
        border-top: 1px solid #ededed; }
        .home-body .page2 .tab-bar .no {
          padding: 10px 0 0 10px;
          font-size: 14px;
          font-weight: bold; }
        .home-body .page2 .tab-bar .img {
          text-align: center; }
          .home-body .page2 .tab-bar .img img {
            width: 50%; }
        .home-body .page2 .tab-bar .desc {
          display: none;
          text-align: center;
          padding-bottom: 0; } }
.home-body .page3 {
  padding: 20px 8%;
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  -ms-flex-pack: center; }
  .home-body .page3 .title {
    font-size: 38px;
    font-weight: bold; }
    @media screen and (min-height: 780px) {
      .home-body .page3 .title {
        padding-top: 100px; } }
    @media screen and (max-width: 780px) {
      .home-body .page3 .title {
        padding-top: 100px; } }
  @media screen and (max-width: 780px) {
    .home-body .page3 .title {
      padding-bottom: 10px; } }
  .home-body .page3 .content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    margin-top: 7vh; }
    @media screen and (max-width: 780px) {
      .home-body .page3 .content {
        flex-direction: inherit;
        flex-wrap: wrap;
        margin-top: 0vh; } }
    .home-body .page3 .content .img img {
      width: 80%; }
      @media screen and (max-width: 780px) {
        .home-body .page3 .content .img img {
          width: 100%; } }
      @media screen and (max-height: 780px) {
        .home-body .page3 .content .img img {
          width: 100%; } }
    .home-body .page3 .content .desc {
      width: 30%; }
      @media screen and (min-width: 780px) and (max-width: 1200px) {
        .home-body .page3 .content .desc {
          width: 50%; } }
      @media screen and (max-width: 780px) {
        .home-body .page3 .content .desc {
          width: 100%;
          margin-bottom: 2vh; } }
      .home-body .page3 .content .desc p {
        font-size: 16px;
        color: #666;
        line-height: 30px; }
        .home-body .page3 .content .desc p a {
          color: #d7000f; }
      @media screen and (min-width: 780px) {
        .home-body .page3 .content .desc {
          margin-right: 20px; } }
      @media screen and (max-width: 780px) {
        .home-body .page3 .content .desc .hidden-mobile {
          display: none; } }
.home-body .page4 {
  background-color: #000; }
  @media screen and (min-width: 780px) {
    .home-body .page4 .content {
      height: 100%;
      position: relative;
      overflow: hidden; }
      .home-body .page4 .content .title {
        position: absolute;
        top: 10%;
        left: 150px;
        color: #fff;
        font-size: 38px;
        font-weight: bold;
        z-index: 88; }
      .home-body .page4 .content .img {
        position: absolute;
        bottom: 0;
        left: 50px; }
        .home-body .page4 .content .img img {
          width: 80%; }
      .home-body .page4 .content .test {
        position: absolute;
        top: 10%;
        right: 10%;
        height: 80%;
        width: 25%;
        background-color: #fff; }
        .home-body .page4 .content .test-content {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 80%; }
          .home-body .page4 .content .test-content p {
            margin-bottom: 20px; }
          .home-body .page4 .content .test-content .p1 {
            font-size: 24px;
            color: #000;
            font-weight: bold;
            line-height: 40px; }
          .home-body .page4 .content .test-content .p2 {
            display: flex;
            align-items: center; }
            .home-body .page4 .content .test-content .p2 label {
              display: flex;
              align-items: center;
              margin-right: 20px;
              margin-bottom: 0; }
              .home-body .page4 .content .test-content .p2 label input {
                width: 20px;
                height: 20px;
                margin: 0 10px 0 0; }
            .home-body .page4 .content .test-content .p2 .pop_select {
              width: 80%;
              height: 40px;
              border: 1px solid #eee;
              background-color: #fff;
              padding: 0px 10px;
              outline: none;
              -webkit-appearance: none;
              -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
          .home-body .page4 .content .test-content .p3 {
            margin-top: 50px;
            display: flex;
            justify-content: center; } }
  @media screen and (max-width: 780px) {
    .home-body .page4 .content {
      height: 100%;
      position: relative;
      padding: 64px 20px 0 0;
      overflow: hidden; }
      .home-body .page4 .content .title {
        position: absolute;
        top: 100px;
        left: 20px;
        color: #fff;
        font-size: 38px;
        font-weight: bold;
        z-index: 10; }
      .home-body .page4 .content .img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 320px; }
        .home-body .page4 .content .img img {
          width: 120%;
          height: 120%; }
      .home-body .page4 .content .test {
        position: absolute;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);
        height: 300px;
        width: 80%;
        background-color: #fff; }
        .home-body .page4 .content .test-content {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 80%; }
          .home-body .page4 .content .test-content p {
            margin-bottom: 20px; }
          .home-body .page4 .content .test-content .p1 {
            font-size: 24px;
            color: #000;
            font-weight: bold;
            line-height: 40px; }
          .home-body .page4 .content .test-content .p2 {
            display: flex;
            align-items: center; }
            .home-body .page4 .content .test-content .p2 label {
              display: flex;
              align-items: center;
              margin-right: 20px;
              margin-bottom: 0; }
              .home-body .page4 .content .test-content .p2 label input {
                width: 20px;
                height: 20px;
                margin: 0 5px 0 0; }
            .home-body .page4 .content .test-content .p2 .pop_select {
              width: 80%;
              height: 40px;
              border: 1px solid #eee;
              background-color: #fff;
              padding: 0px 10px;
              outline: none;
              -webkit-appearance: none;
              -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
          .home-body .page4 .content .test-content .p3 {
            margin-top: 50px;
            display: flex;
            justify-content: center; } }
@media screen and (min-width: 780px) {
  .home-body .modal {
    padding-top: 6%; }
    .home-body .modal-dialog {
      width: 900px; } }
@media screen and (max-width: 780px) {
  .home-body .modal {
    padding-top: 25%; }
    .home-body .modal ul {
      padding-left: inherit; } }
.home-body .modal-body {
  max-height: 60vh;
  overflow-y: scroll; }
  .home-body .modal-body .head {
    display: flex;
    justify-content: center;
    margin-bottom: 10px; }
    .home-body .modal-body .head .sex, .home-body .modal-body .head .age {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center; }
    .home-body .modal-body .head select {
      width: 50%;
      height: 40px;
      border: 1px solid #eee;
      background-color: #fff;
      padding: 0px 10px;
      outline: none;
      -webkit-appearance: none;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  @media screen and (min-width: 780px) {
    .home-body .modal-body ul {
      padding: 0 100px;
      margin: 0 auto; }
      .home-body .modal-body ul li {
        padding: 3px 100px; } }
  @media screen and (max-width: 780px) {
    .home-body .modal-body ul li {
      padding: 3px 0; } }
  .home-body .modal-body ul > li {
    list-style: none; }
    .home-body .modal-body ul > li label input {
      margin-right: 5px; }
.home-body .modal-footer {
  text-align: center; }
.home-body .btn:focus,
.home-body .btn:active:focus,
.home-body .btn.active:focus,
.home-body .btn.focus,
.home-body .btn:active.focus,
.home-body .btn.active.focus {
  outline: none;
  box-shadow: none; }
.home-body .comment-modal .modal-body {
  padding: 40px; }
  @media screen and (max-width: 780px) {
    .home-body .comment-modal .modal-body {
      padding: 10px; } }
  .home-body .comment-modal .modal-body .head {
    justify-content: flex-start;
    font-weight: bold; }
  .home-body .comment-modal .modal-body table {
    width: 100%; }
    .home-body .comment-modal .modal-body table td {
      background-color: #f8f8f8;
      font-size: 14px;
      color: #333;
      line-height: 24px;
      padding: 10px;
      text-align: center; }
    .home-body .comment-modal .modal-body table .td1 {
      background-color: #f9f7ec; }
    .home-body .comment-modal .modal-body table .on {
      background-color: #d7000f;
      color: #fff; }
.home-body .comment-modal .modal-footer .btn a {
  color: #fff;
  text-decoration: none; }

/*# sourceMappingURL=home.css.map */